<script setup lang="ts">
import HelloWorld from './components/HelloWorld.vue';
</script>

<template>
  <a-row class="home-container" :gutter="24">
    <a-col :span="18">
      <a-card title="动态">
        <HelloWorld msg="动态" />
      </a-card>
      <a-card title="数据统计" :loading="true">
        <HelloWorld msg="数据统计" />
      </a-card>
      <a-card>
        <HelloWorld msg="HelloWorld" />
      </a-card>
    </a-col>
    <a-col :span="6">
      <a-card>
        <HelloWorld msg="HelloWorld" />
      </a-card>
      <a-card>
        <HelloWorld msg="HelloWorld" />
      </a-card>
    </a-col>
  </a-row>
</template>

<style lang="less" scoped>
.home-container {
  .ant-card:not(:first-child) {
    margin-top: 24px;
  }
}
</style>
